<template>
    <div>
      <!-- <div class="header">提示信息</div> -->


        <div class="content">
            <msg :title="'恭喜! 信息提交成功'" :description="description" :buttons="buttons" :icon="icon"></msg>
        </div>


    </div>
</template>
<script>
import {XHeader, Msg, Divider, XButton } from 'vux'

export default {
  components: {
    XHeader,
    Msg,
    Divider,
    XButton
  },
  methods: {
    jumpTo(){
      console.log('jump')
      setTimeout(()=>{
        this.$router.replace({name:"index"})
      },2500)
      
    }
  },
  data () {
    return {
      description: '稍后将会有工作人员与您联系，请保持手机开机',
      icon: '',
      buttons: [{
        type: 'primary',
        text: '返回首页',
        onClick: this.jumpTo()
      }]
    }
  }
}
</script>




<style lang="less" scoped>
.header{
  font-size:.5rem;
  background:rgba(53,73,93,1);
  text-align: center;
  color:#fff;
  position: fixed;
  top:0px;
}
.content{
  margin-top:2rem;
  font-size:1rem !important;
}
.weui-msg__desc{
  font-size:1rem !important;
}
</style>

<style>
.weui-msg__title{
  font-size:.8rem !important;
}
.weui-msg__desc{
  font-size:.5rem !important;
}
.weui-btn{
  background:#00b7ee !important;
  height:1rem;
  line-height: 1rem !important;
  font-size:.5rem !important;
}
</style>


